import React from 'react';
import ReactDOM from 'react-dom';
import {Home,About,Carts,Product,Nav}from './components'
// import {About,Home,Product,Cart} from './components/'
import { HashRouter as Router,Route,Switch} from 'react-router-dom';
import { Provider } from 'react-redux'
import store from "./store"
import './main.css';
import 'antd/dist/antd.css'; 

ReactDOM.render(
    <Provider store={store}>
    <Router>
        <div>
            <Nav/>
            <Switch>
                <Route path="/" component={Home} exact/>
                <Route path="/about" component={About}/>
                <Route path="/product" component={Product}/>
                <Route path="/cart" component={Carts}/>
            </Switch>
        </div>
    </Router>
    </Provider>
    , document.getElementById('app'));
